<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>翻转特效</title>
</head>
<body>
	<ul>
		<li>
			<a href="#">
				<span class="front">
					<img src="http://ossweb-img.qq.com/upload/webplat/info/tgideas/201507/1436518397_1436653066_9855_imageAddr.jpg" alt="">
				</span>
				<span class="mask"></span>
				<div class="intro">
					<h2>探究H5的不同表现手法</h2>
					<p>最近半年一直在负责雷霆战机和天天酷跑的项目，以偏品牌建设和创意营销为主，在风格上尝试了手绘的表现形式，这次和大家分享下其中的设计经验。</p>
				</div>
			</a>
		</li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
</body>
</html>